/* workaround for semi-alpha pixels in IE7: background needs to be the same
 * as the toolbar's background color */
.ext-ie .x-item-disabled .x-btn-text {
    background-color: #EAEAEA;
}

.legend-item {
    margin: 0.5em 10px;
}

div.map-overlay {
    z-index: 1000; 
    position: absolute; 
    right: 10px; 
    bottom: 10px;
}

div.map-overlay div.overlay-element {
    display:inline;
    float: left;
    margin: 5px;
}

.overlay-scaleline {
    bottom: 0px;
    left: 0px;
    margin-top: 0px;
}

.x-btn .icon-3D {
    background-image: url(../../img/gis/geosilk/google_earth.png);
}

.x-btn .icon-about {
    background-image: url(../../img/silk/help.png);
}

.x-btn .icon-export {
    background-image: url(../../img/silk/map_go.png);
}

.x-btn .icon-geoexplorer {
    background-image: url(../../favicon.ico);
    /*
    background-image: url(../../img/geoexplorer.png);
    */
}

.x-btn .icon-getfeatureinfo {
    background-image: url(../../img/silk/information.png);
}

.x-btn .icon-layer-switcher {
   background-image: url(../../img/silk/layers.png);
}

.x-btn .icon-properties, .x-menu-item .icon-properties {
    background-image: url(../../img/silk/wrench.png);
}

.x-btn .icon-removelayers, .x-menu-item .icon-removelayers {
    background-image: url(../../img/silk/delete.png);
}

.x-btn .icon-save {
    background-image: url(../../img/gis/geosilk/map_save.png);
}

.x-btn .icon-zoom-in { 
    background-image: url(../../img/silk/magnifier_zoom_in.png);
}

.x-btn .icon-zoom-next { 
    background-image: url(../../img/silk/arrow_right.png);
}

.x-btn .icon-zoom-out { 
    background-image: url(../../img/silk/magnifier_zoom_out.png);
}

.x-btn .icon-zoom-previous { 
    background-image: url(../../img/silk/arrow_left.png);
}

.x-btn .icon-zoom-to, .x-menu-item .icon-zoom-to { 
    background-image: url(../../img/silk/magnifier.png);
}

.x-btn .icon-zoom-visible { 
    background-image: url(../../img/silk/arrow_out.png);
}

/* get images on buttons with text to line up with those with no text */
.x-btn-text-icon .x-btn-center .x-btn-text {
    background-position: 0 3px;
}

/* apply some margin when using the row expander */
.x-grid3-row-body p {
    margin: 5px !important;
}

/* don't wrap lines on any tooltips */
.x-tip {
    white-space: nowrap;
}

.x-tree-node-ct {
    margin: 0;
}

.x-tree-node img.gx-folder, .x-tree-node-collapsed img.gx-folder{
    background: url(../../scripts/ext/resources/images/default/tree/folder.gif);
}
 
.x-tree-node-expanded img.gx-folder {
    background: url(../../scripts/ext/resources/images/default/tree/folder-open.gif);
}

.x-tree-node-leaf  .gx-tree-layer-icon {
    background-image: url(../../img/gis/geosilk/vector.png);
}

.x-tree-node-leaf  .gx-tree-rasterlayer-icon {
    background-image: url(../../img/gis/geosilk/raster.png);
}

.x-menu-group-item .x-menu-item-icon {
    background: transparent url(../../scripts/ext/resources/images/default/form/radio.gif) no-repeat 0 0;
    height: 13px;
    width: 13px;
    margin: 2px;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
    background: transparent url(../../scripts/ext/resources/images/default/form/radio.gif) no-repeat -13px -13px;
    height: 13px;
    width: 13px;
    margin: 2px;
}

/* Pan- and Zoom- Panel Styles*/

.olControlPanPanel {
    top: 10px;
    left: 5px;
}  

.olControlPanPanel div {
    background-image:url(../../scripts/ext/resources/images/gray/panel/tool-sprites.gif);
    height: 15px;
    width: 15px;
    /* workaround for button height in IE */
    font-size: 0px;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    background-position: 15px -60px;
    left: 16px
}
.olControlPanPanel .olControlPanEastItemInactive {
    background-position: 15px -120px;
    left: 30px;
    top: 16px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    background-position: 15px -75px;
    left: 16px;
    top: 32px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    background-position: 15px -105px;
    left: 2px;
    top: 16px;
}

.olControlZoomPanel { 
    top: 71px;
    left: 21px;
}

.olControlZoomPanel div {
    background-image: url(../../scripts/ext/resources/images/gray/panel/tool-sprites.gif);
    height: 15px;
    width: 15px;
    /* workaround for button height in IE */
    font-size: 0px;
    position: absolute;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    background-position: 15px -240px;
    left: 0;
    top: 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    display: none;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    background-position: 15px -255px;
    top: 123px;
    left: 0;
}

.olControlScaleLine {
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: xx-small;
    line-height: 100%;
}

.olControlScaleLineTop {
    border-color: -moz-use-text-color black black;
    border-right: 2px solid black;
    border-style: none solid solid;
    border-width: medium 2px 2px;
    text-align: center;
}

.olControlScaleLineBottom {
    border-color: black black -moz-use-text-color;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    margin-top: -2px;
    text-align: center;
}

.gx-filterbuilder .x-toolbar {
    background: transparent;
    border: none !important;
}

.gx-info-panel {
    margin: 1em;
}

.gx-info-panel h2 {
    margin-top: 1em;
}

/*
.gx-layer-menu {
    background: #F0F0F0;
}
*/
.gx-layer-visibility {
    background-image: url(../../img/silk/eye.png);
/*
    width: 16px;
    height: 16px;
    display: block;
*/
}
/* position the zoom slider within map panel */
.gx-zoomslider {
    top: 90px;
    left: 17px
}

/* TODO: Remove this if GetFeatureInfo is changed from text/html */
table.featureInfo, table.featureInfo td, table.featureInfo th {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 90%;
    padding: .2em .1em;
}

table.featureInfo th {
    padding: .2em .2em;
    font-weight: bold;
    background: #eee;
}

table.featureInfo td{
    background: #fff;
}

table.featureInfo tr.odd td{
    background: #eee;
}

table.featureInfo caption{
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: .2em .2em;
}
